<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>我的账户</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">


    <link rel="stylesheet" href="../assets/css/amazeui.min.css">
    <link rel="stylesheet" href="../assets/js/layui/css/layui.css">
    <link rel="stylesheet" href="../assets/css/global.css">

    <!--弹出层公共样式-->
    <link rel="stylesheet" href="../assets/css/popup.css">
    <link rel="stylesheet" href="../assets/css/user.css">

</head>
<body>
<div id="index_div">
    <!--背景图-->
    <div class="app-bg"></div>

    <!--主显示区-->
    <div class="app-main">
        <div class="user-info-box">
            <div class="user-info" v-cloak>
                <div class="user-info-head am-text-center">
                    <img :src="user_info.avatar" width="65" alt="">
                    <span>{{user_info.nickname}}</span>
                </div>
                <div class="user-info-content am-text-center">
                    <div class="am-u-sm-6">
                        <img src="../assets/i/coin.png" alt="余额"><span>余额</span>
                        <span class="user-info-money">￥{{user_info.balance}}</span>
                    </div>
                    <div class="am-u-sm-6" @click="onShowCandLog">
                        <img src="../assets/i/card.png" alt="挑战卡"><span>挑战卡</span><br>
                        <span class="user-info-num">{{user_info.answer_money | integral}}</span><span
                            class="num">张</span>
                    </div>

                    <div class="user-separated"></div>
                </div>
            </div>
        </div>
        <div class="module-box am-g hide-scroll">
            <a href="javascript:void(0);">
                <div class="module-item" id="withdrawal" v-on:click="onWithdrawalPopup()">
                    <div class="module-item-content">
                        <img src="../images/withdrawal.png" alt="">
                        <span>提现</span>
                    </div>
                </div>
            </a>
            <a href="javascript:void(0);">
                <div class="module-item" id="challenge_card" v-on:click="onChallengeCardPopup()">
                    <div class="module-item-content">
                        <img src="../images/challenge_card.png" alt="">
                        <span>领取挑战卡</span>
                    </div>
                </div>
            </a>
            <a href="my_challenge.html">
                <div class="module-item">
                    <div class="module-item-content">
                        <img src="../images/challenge.png" alt="">
                        <span>我的挑战</span>
                    </div>
                </div>
            </a>
            <a href="game_shows.html">
                <div class="module-item">
                    <div class="module-item-content">
                        <img src="../images/instructions.png" alt="">
                        <span>挑战说明</span>
                    </div>
                </div>
            </a>
            <a href="javascript:void(0);">
                <div class="module-item" id="public_no" v-on:click="onPublicNoPopup()">
                    <div class="module-item-content">
                        <img src="../images/public_no.png" alt="">
                        <span>公众号</span>
                    </div>
                </div>
            </a>
            <a href="javascript:void(0);">
                <div class="module-item" id="customer" v-on:click="onCustomerPopup()">
                    <div class="module-item-content">
                        <img src="../images/customer.png" alt="">
                        <span>联系客服</span>
                    </div>
                </div>
            </a>
        </div>
    </div>

    <!--底部导航栏-->
    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default"
         id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4">
            <li>
                <a href="index.html">
                    <img src="../assets/i/square.png" alt="挑战广场"/>
                    <span class="am-navbar-label ">挑战广场</span>
                </a>
            </li>
            <li>
                <a href="challenge.html">
                    <img src="../assets/i/trophy.png" alt="发起挑战"/>
                    <span class="am-navbar-label">发起挑战</span>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <img src="../assets/i/user_active.png" alt="个人中心"/>
                    <span class="am-navbar-label active">个人中心</span>
                </a>
            </li>
        </ul>
    </div>
    <!--底部导航栏End-->

    <!--提现-->
    <div class="pop-up-box" id="withdrawal_pop_up" v-on:click="onClosePopupVue($event)">
        <div class="withdrawal-box" v-on:click.stop.prevent>
            <div class="close-box" onclick="onClosePopup(this)">
                <img src="../assets/i/close.png" width="14" alt="">
            </div>
            <div class="withdrawal-content-box am-text-center">
                <img src="../images/popUp/money_withdrawal.png" width="74" alt="">
                <span class="pop-up-title margintop25">申请余额提现</span>
                <span class="withdrawal-detail margintop35">可提现余额为{{user_info.balance}}元，需扣除{{config_info.withdrawal_poundage | poundage}}%的手续费金额将在1~2个工作日内转入您的账户</span>
                <input type="number" placeholder="请输入提现金额" class="money margintop25"
                       onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                       onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" name="money">
                <br><span class="pop-up-btn margintop25" v-on:click="onWithdrawal()">确认提现</span>
            </div>
        </div>
    </div>

    <!--公众号-->
    <div class="pop-up-box" id="public_no_pop_up" v-on:click="onClosePopupVue($event)">
        <div class="public-no-box" v-on:click.stop.prevent>
            <div class="close-box" onclick="onClosePopup(this)">
                <img src="../assets/i/close.png" width="14" alt="">
            </div>
            <div class="withdrawal-content-box am-text-center">
                <img src="../images/popUp/wechar.png" width="80" alt="">
                <span class="pop-up-title margintop15">开启挑战通知</span>
                <span class="withdrawal-detail margintop15">关注公众号,即可收到挑战的实时通知</span>
                <img src="../images/qrcode.jpg" width="150" alt="" class="margintop15">
                <span class="focus-title margintop25">机智的人都会关注↑</span>
            </div>
        </div>

        <div class="pop-up-bottom am-text-center">
            <div>长按识别后，即可收到挑战的实时通知</div>
        </div>
    </div>

    <!--客服-->
    <div class="pop-up-box" id="customer_pop_up" v-on:click="onClosePopupVue($event)">
        <div class="customer-box" v-on:click.stop.prevent>
            <div class="close-box" onclick="onClosePopup(this)">
                <img src="../assets/i/close.png" width="14" alt="">
            </div>
            <div class="withdrawal-content-box am-text-center">
                <img src="../images/popUp/customer.png" width="64" alt="">
                <span class="pop-up-title margintop15">联系客服</span>
                <span class="withdrawal-detail margintop15">服务时间：每日9:00-21:00</span>
                <img src="../images/ercode.png" width="150" alt="" class="margintop15">
                <span class="focus-title margintop25">长按找客服↑</span>
            </div>
        </div>
    </div>


    <!--挑战卡-->
    <div class="pop-up-box" id="challenge_card_pop_up" v-on:click="onClosePopupVue($event)">
        <div class="shade-box">
            <img src="../images/shade.png" alt="" width="66%">
        </div>

        <div class="challenge-card-box" v-on:click.stop.prevent>
            <div class="close-box" onclick="onClosePopup(this)">
                <img src="../assets/i/close.png" width="14" alt="">
            </div>
            <div class="withdrawal-content-box am-text-center">
                <img src="../images/popUp/card.png" width="65" alt="">
            <span class="pop-up-title margintop15">领取挑战卡<img src="../images/three_star.png" width="55" alt=""
                                                             class="three-star"></span>

                <div class="challenge-card-content margintop25 am-text-left">
                    <p>1、每邀请1位新的用户参与答题，都可获得<span class="challenge-card-num">1张挑战卡</span>;</p>
                    <p>2、挑战卡可抵扣挑战金，即对应的赏金可使用对应的挑战卡，免费参与答题一次</p>
                    <p>3、获取挑战卡无限制，当日最多可使用10张挑战卡</p>
                </div>


                <div class="challenge-card-bottom">
                    <span class="start-time">即日起至XXX</span> <span class="full-card">收集满XX张挑战卡</span>
                    <span class="gift-bag">即可联系客服领取限量惊喜礼包</span>
                </div>
            </div>
        </div>
    </div>
</div>


<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/layui/layui.js"></script>
<script src="../assets/js/global.js"></script>
<script src="../assets/js/vue.js"></script>

<!--页面内js-->
<script src="../assets/js/frontend/user.js"></script>

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>

    function startJsSDK(){
        /**
         * 配置JS-SDK
         */
        wx.config({
            "debug": false,
            "beta": false,
            'appId': js_config.appId,
            'timestamp': js_config.timestamp,
            'nonceStr': js_config.noncestr,
            'signature': js_config.signature,
            "jsApiList": ["onMenuShareAppMessage", "onMenuShareTimeline"]
        });

        /**
         * 分享
         */
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '知识黄金屋',
                desc: '知识黄金屋，欢迎来答题',
                link: js_config.host+"/pages/index.html?uid="+user_id,
                imgUrl: js_config.host+'/images/logo.png',
                success: function (res) {
                    console.log(res);
                },
                cancel: function (resq) {
                    // 用户取消分享后执行的回调函数
                    console.log(resq);

                }
            });
            wx.onMenuShareTimeline({
                title: '知识黄金屋',
                desc: '知识黄金屋，欢迎来答题',
                link: js_config.host+"/pages/index.html?u_id="+user_id,
                imgUrl:js_config.host+'/images/logo.png',
                success: function (res) {
                    console.log(res);
                },
                cancel: function (resq) {
                    // 用户取消分享后执行的回调函数
                    console.log(resq);

                }
            });
        });

    }

</script>
</body>
</html>
